window.addEventListener('load', function() {
//    优先加载css文件 然后再加载js 文件！

    let ul=document.querySelector('.advertise ul');
//    获取 .advertise ul的元素！
    let li=document.querySelectorAll('.advertise ul li');
//    获取所有的 li 的元素！
    // 添加了一个过渡效果JS写的 css的代码
        let cd=li.length;
        let i=2;
         var dsq= setInterval(function ( ) {
            ul.style.transition = 'all .3s';
            if(i<cd){
              ul.style.left =-i*100+"vw";
              i++;
          }else{
                ul.style.transition = 'all 0s';
              i=1;
              ul.style.left =-i*100+"vw";
          }
        },1000);
    let X=0;
    let Y=0;
    let x=0;
    let y=0;
    let x1=0;
    let y2=0;
    ul.addEventListener('touchstart',function (e) {
        // 手指按住屏幕
        clearInterval(dsq);
        X=e.targetTouches[0].pageX;
        Y=e.targetTouches[0].pageY;
        x1=this.offsetLeft;
    });
    ul.addEventListener('touchmove',function (e) {
        //手指按住拖动
        x=e.targetTouches[0].pageX;
        y=e.targetTouches[0].pageY;
        ul.style.left =x1+(x-X)+"px";
        clearInterval(dsq);
    });

    let kg=true;

    ul.addEventListener('touchend',function () {
        //手指离开屏幕！
        clearInterval(dsq);
        clearInterval(dsq);
        dsq= setInterval(function () {
            ul.style.transition = 'all .3s';
            if(i<cd-1&&i>0){
                if( (x-X)>0){
                    // -->
                    ul.style.left =-x-X+"px";
                    i--;
                    ul.style.left =-i*100+"vw";
                    kg=true;
                }else{
                    ul.style.left =x-X+"px";
                    i++;
                    ul.style.left =-i*100+"vw";
                    kg=false;
                }
            }else{
                clearInterval(dsq);
                dsq= setInterval(function ( ) {
                    ul.style.transition = 'all .3s';
                    if(i<cd){
                        ul.style.left =-i*100+"vw";
                        i++;
                    }else{
                        ul.style.transition = 'all 0s';
                        i=1;
                        ul.style.left =-i*100+"vw";
                    }
                },1000);
            }

        },1000);

        // 重新调用函数 执行代码！
    })
//    backToTop 返回顶部！
    let backToTop =document.querySelector(".backToTop");
    // 获取 返回顶部的 元素
    let smallModule=document.querySelector(".smallModule");
//     获取  smallModule小模块的元素！
//    获取元素！
    window.addEventListener("scroll",function () {
        if(window.pageYOffset>smallModule.offsetTop){
            backToTop.style.visibility="visible";
        }else{
            backToTop.style.visibility="hidden";
        }
    });

    backToTop.addEventListener("click",function (){
        // window.scroll(0,0);
        window.scrollTo({
            top: 0,
            left:0,
            behavior: "smooth"
        //    行为   平滑  让动画 页面 滑动回去！
        });
    })



})